<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="referrer" content="no-referrer" />
    <title>卷皮网购物车</title>
    <link rel="stylesheet" href="./stylesheets/car.css">
    <link rel="stylesheet" href="./icon/iconfont.css">
</head>

<body>
    <div class="toolbar content_width">
        <ul class="itemContainer">
            <li  class="unlogin"><a href="./login.html">登陆</a></li>
            <li class="user">
                    <div>
                          <a href="###" class=" color_red">
                                <i class="iconfont iconUser">&#xe618;</i><span>用户名</span>
                          </a>
                          <div class="user-menu">
                                <div>
                                      <p class="my-order">我的订单</p>
                                      <p class="login-out">退出</p>
                                </div>
                          </div>
                    </div>

              </li>
            <li class=""><a href="javascript:;" class="color_red">我的消息</a></li>
            <li><a href="javascript:;" class="border_left"> 我的订单</a></li>
            <li><a href="javascript:;">商家入驻</a></li>
            <!-- <li><a href=""><i class="iconfont icon_red">&#xe6d7;</i> 购物袋 <i
                        class="countContainer"><span>0</span></i></a></li> -->
            <li><a href="javascript:;" class="border_left ">商家中心</a></li>
            <li><a href="javascript:;">客户服务</a></li>

        </ul>
    </div>
    <!-- //end toolbar -->
    <!-- //logo search -->
    <div class="logoContainer fram_width border-bottom">
        <div class="logo content_width bg">
            <div class=" logobg logoimg"><a href="./index.html"></a></div>
        </div>
    </div>
    <div class="main">

        <div class="describle-head-right">
            <div class="head">
                <p class="first">商品信息</p>
                <p>单价/原价</p>
                <p>数量</p>
                <p>小计</p>
                <p class="last">操作</p>

            </div>
            <div class="cart-empty">
                <img src="./images/empty-cart.png" alt="">                
            </div>
            <div class="list">
                <!-- <div class="store">
                    <div class="shop-head">
                        <input type="checkbox" id="btnSelStoreAll" class="selAll">
                        <span><i></i> 扩店促销</span>
                        <a href="###">已享满98元减10,去凑单</a>

                    </div>
                    <ul>
                        <li   data-id="a" data-catId="1">
                            <a href="###" class="img-link">
                                <input type="checkbox" id="rBtn" class="chk">
                                <img src="./images/r-2.jpg" alt="">
                                <div class="img-right">
                                    <span class="title">双重美颜霜美颜霜美颜霜</span>
                                    <div class="productPrice">
                                        <span class="productPrice_now">$58</span>
                                        <strong class="productPrice_old">$298</strong>
                                    </div>
                                </div>
                            </a>
                            <div class="second">
                                <span class="price">$11.1/$11</span>
                            </div>
                            <div class="third">
                                <div class="marginLeft">
                                    <i class="plus" id="btnReduce">-</i>
                                    <span class="plus num">1</span>
                                    <i class="plus" id="btnAdd">+</i>
                                </div>
                            </div>
                            <div class="fourth">
                                <span class="price">$111</span>
                            </div>
                            <div class="fifth">
                                <i class="iconfont icon_white" id="btnDel">&#xe601;</i>
                            </div>
                        </li>
                        <li   data-id="a" data-catId="2">
                            <a href="###" class="img-link">
                                <input type="checkbox" id="rBtn" class="chk">
                                <img src="./images/r-2.jpg" alt="">
                                <div class="img-right">
                                    <span class="title">双重美颜霜美颜霜美颜霜</span>
                                    <div class="productPrice">
                                        <span class="productPrice_now">$58</span>
                                        <strong class="productPrice_old">$298</strong>
                                    </div>
                                </div>
                            </a>
                            <div class="second">
                                <span class="price">$11.1/$11</span>
                            </div>
                            <div class="third">
                                <div class="marginLeft">
                                    <i class="plus" id="btnReduce">-</i>
                                    <span class="plus num">1</span>
                                    <i class="plus" id="btnAdd">+</i>
                                </div>
                            </div>
                            <div class="fourth">
                                <span class="price">$111</span>
                            </div>
                            <div class="fifth">
                                <i class="iconfont icon_white" id="btnDel">&#xe601;</i>
                            </div>
                        </li>
                    </ul>

                </div>
                <div class="store">
                    <div class="shop-head">
                        <input type="checkbox" id="btnSelStoreAll" class="selAll">
                        <span><i></i> 扩店促销</span>
                        <a href="###">已享满98元减10,去凑单</a>

                    </div>
                    <ul>
                        <li  data-id="b" data-catId="1">
                            <a href="###" class="img-link">
                                <input type="checkbox" id="rBtn" class="chk">
                                <img src="./images/r-2.jpg" alt="">
                                <div class="img-right">
                                    <span class="title">双重美颜霜美颜霜美颜霜</span>
                                    <div class="productPrice">
                                        <span class="productPrice_now">$58</span>
                                        <strong class="productPrice_old">$298</strong>
                                    </div>
                                </div>
                            </a>
                            <div class="second">
                                <span class="price">$11.1/$11</span>
                            </div>
                            <div class="third">
                                <div class="marginLeft">
                                    <i class="plus" id="btnReduce">-</i>
                                    <span class="plus num">1</span>
                                    <i class="plus" id="btnAdd">+</i>
                                </div>
                            </div>
                            <div class="fourth">
                                <span class="price">$111</span>
                            </div>
                            <div class="fifth">
                                <i class="iconfont icon_white" id="btnDel">&#xe601;</i>
                            </div>
                        </li>
                        <li data-id="b" data-catId="2">
                            <a href="###" class="img-link">
                                <input type="checkbox" id="rBtn" class="chk">
                                <img src="./images/r-2.jpg" alt="">
                                <div class="img-right">
                                    <span class="title">双重美颜霜美颜霜美颜霜</span>
                                    <div class="productPrice">
                                        <span class="productPrice_now">$58</span>
                                        <strong class="productPrice_old">$298</strong>
                                    </div>
                                </div>
                            </a>
                            <div class="second">
                                <span class="price">$11.1/$11</span>
                            </div>
                            <div class="third">
                                <div class="marginLeft">
                                    <i class="plus" id="btnReduce">-</i>
                                    <span class="plus num">1</span>
                                    <i class="plus" id="btnAdd">+</i>
                                </div>
                            </div>
                            <div class="fourth">
                                <span class="price subTotal">$111</span>
                            </div>
                            <div class="fifth">
                                <i class="iconfont icon_white" id="btnDel">&#xe601;</i>
                            </div>
                        </li>
                    </ul>

                </div> -->
            </div>


            <!-- <div class="shop-footer">
                <label><input type="checkbox" id="btnSelAll" class="selAll" value="">全选</lable>
                    <div class="total">
                        <span>已选择4件，总额：￥244.7 满减：￥10， 合计（不含运费）</span>
                        <strong href="###" class="price">$234</strong>
                        <span class="car">去结算</span>
                    </div>
            </div> -->

        </div>
    </div>
    <!-- //footer -->
    <div class="fram_width border-top">
        <div class="content_width footer">
            <div class="erweima">
                <a href="###"><img src="./images/erweima.png" alt=""></a>
                <p>随时逛 及时抢</p>
            </div>
            <div class="gengxin footer_link">
                <p>获取更新</p>
                <ul>
                    <li><i></i><a href="">iPhone/Android</a></li>
                    <li><i></i><a href="">卷皮QQ空间</a></li>
                    <li><i></i><a href="">卷皮新浪微博</a></li>
                    <li><i></i><a href="">开放API</a></li>
                </ul>
            </div>
            <div class="partner footer_link">
                <p>商务合作</p>
                <ul>
                    <li><i></i><a href="">卖家免费报名</a></li>
                    <li><i></i><a href="">商家入驻</a></li>
                    <li><i></i><a href="">廉政邮箱</a></li>
                    <li><i></i><a href="">开放平台</a></li>
                </ul>
            </div>
            <div class="partner footer_link">
                <p>公司信息</p>
                <ul>
                    <li><i></i><a href="">关于卷皮</a></li>
                    <li><i></i><a href="">媒体报道</a></li>
                </ul>
            </div>
            <div class="partner footer_link">
                <p>帮助中心</p>
                <ul>
                    <li><i></i><a href="">新手上路</a></li>
                    <li><i></i><a href="">网站地图</a></li>
                </ul>
            </div>
            <div class="connection">
                <div class="telimg">
                    <span>
                        <p>周一至周五</p>
                        <p>9:00-18:00</p>

                    </span>
                </div>
                <div class="telnumber">
                    <span>客服热线 : 400-0090-869</span>
                </div>
            </div>
        </div>
        <div class="content_width">
            <div class="friend_link">
                <div class="flink_left">
                    <span>友情链接&nbsp;&nbsp;:&nbsp;&nbsp; </span>
                    <span class="roll">
                        <div id="link1">
                            <a href="###">易登网</a>
                            <a href="###">易登网</a>
                            <a href="###">普洱茶</a>
                            <a href="###">品牌鞋</a>
                        </div>
                        <div id="link2">
                            <a href="###">九块九</a>
                            <a href="###">九块九</a>
                            <a href="###">易迅优惠券</a>
                            <a href="###">中国鲜花礼品网</a>
                        </div>
                    </span>
                </div>
                <div class="more foot_more">
                    <a href="###">更多>></a>
                </div>
            </div>

        </div>
        <div class="copyright content_width">
            <p>
                <span>武汉奇米网络科技有限公司 鄂ICP备10209250号 | ICP许可证号：鄂B2-20150109 |
                    <a href="###"> 鄂公网安备42018502000390号</a>
                    | 食品流通许可证 SP4201991510041888
                </span>
            </p>
            <p>Copyright © 2010 -2019 JuanPi.com All Rights Reserved</p>
            <div class="copyimg">
                <img src="./images/r_315new.gif" alt="" />;
                <img src="./images/r_cnnic.gif" alt="" />;
                <img src="./images/r_gongshang.gif" alt="" />;
                <img src="./images/sm_124x47.png" alt="" class="last" />;

            </div>
        </div>
    </div>
    <!-- //end footer -->
    <script src="./scripts/libs/require.js"></script>
    <script>
        require(["./require.config"], function () {
            require(["car"], (Car) => {
                var car = new Car(2);
                car.init();
                
            })
        })
    </script>
</body>

</html>